<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>test timeline</title>
    <style>
        div {
            width: 100px;
            height: 20px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <button onclick="test()">test</button>
    <img src="file:///E:/图片壁纸/QQ图片20210323174142.png" alt="">
              
    <script>
        var nodes = document.getElementsByTagName("div");
        // 以下是闭包实现的
        for( var i = 0; i < nodes.length; i++) {
            (function(i) {
                nodes[i].onclick = function() {
                    alert(i)
                }
            })(i)
        }

        function test() {
            for (let i = 0; i < arguments.length; i++) {
                console.log(arguments[i])
            }
        }

        // 以下不用闭包实现
        // window.onload = function init() {
        //     for ( var i = 0; i < nodes.length; i++) {
        //         nodes[i].onclick = function(event) {
        //             //获得时间流对象
        //             var src = event.srcElement || event.target();
        //             //遍历list数组
        //             for (var n = 0; n < nodes.length; n++) {
        //                 if(nodes[n] == src) {
        //                     alert(n);
        //                 }
        //             }
        //         }
        //     }
        // }

        var h =0.007;
        console.log(h.toFixed(2));
        // var fixH = new Number(h+1).toFixed(2)
        // console.log(fixH);
        // var fixedH = new Number(fixH-1).toFixed(2);
        // console.log(fixedH);

        var o1 = {a:1,b:1,c:3};
        var o2 = {a:-1,b:2};
        var o3 = {c:1};
        var obj = Object.assign({},o1,o2,o3);
        console.log(obj);
    </script>
</body>
</html>